<template>
	<view class="white-box" >
		<view class="group-array flex" v-for="(item,index) in items" :key="index">
			<view class="group-id">
				{{item.id}}
			</view>
			<view class="group-text">
				<view class="group-name">{{item.title}}</view>
				<view class="group-num">{{item.num}}</view>
			</view>
			<view class="group-task" @tap="handleClickTask">
				TA的招聘任务>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			items:{
				type:Array
			}
		},
		methods:{
			handleClickTask(){
				uni.navigateTo({
				    url: '/pages/recruitment/recruitment_smallgroup'
				});
			}
		}
	}
</script>

<style scoped lang="stylus">
	.white-box{
		width:670upx;
		margin:40upx;
		background:#fff;
		.group-array{
			height:166upx;
			border-bottom:1px solid #DBDBDB;
			margin:0 30upx;
			align-items:center;
			.group-id{
				height:58upx;
				width:58upx;
				background:#F3F3F3;
				line-height:58upx;
				text-align:center;
				border-radius:50%;
			}
			.group-text{
				margin-left:20upx;
				.group-name{
					font-size:36upx;
					color:#333;
					font-weight:500;
				}
				.group-num{
					margin-top:12upx;
					font-size:30upx;
					color:#999;
				}
			}
			.group-task{
				font-size:28upx;
				color:#F5A623;
				text-align:right;
				flex:1
			}
		}
	}
</style>
